<template>
	<table>
	  <thead>
	    <tr>
	      <th><div v-html='num'></div></th>
	      <th><div v-html='name'></div></th>
	      <th><div v-html='major'></div></th>
	    </tr>
	  </thead>
	  <tbody>
	    <tr>
	      <td><p :id='p1'>01</p></td>
	      <td><p :id='p2'>张三</p></td>
	      <td><p :id='p3'>软件技术</p></td>
	    </tr>
	    <tr>
	      <td>行2，列1</td>
	      <td>行2，列2</td>
	      <td>行2，列3</td>
	    </tr>
	  </tbody>
	</table>
</template>

<script setup>
	//要求：请完成一个3行3列的表格
	//1.使用v-html指令将列标题设置为三级标题，定义数据名为num,name,major
	const num='<h3>学号</h3>';
	const name='<h3>姓名</h3>';
	const major='<h3>专业</h3>';
	//2.在第二行是v-bind指令为每个p标签绑定id值
	const p1='p1';
	const p2='p2';
	const p3='p3';
</script>

<style scoped>
	#p1{
		color: red;
	}
</style>